<template>
   <view class="mons">
		<view class="logo" v-for="l in data" v-if="l.type == 'img'">
			<image :src="l.content" mode="widthFix"></image>
		</view>
		<view class="p" v-for="l in data" v-if="l.type == 'txt'">
			{{l.content}}
		</view>
		
		<view class="h4">
			《云上营家用户协议》
			<view>
				CopyRight @ XXX 2017 - 2019
			</view>
		</view>
   </view>
</template>

<script>
    export default {
        name: "",
        components:{
            
        },
        data(){
            return {
                data:[]
            }
        },
		onLoad() {
			var that = this
			that.$Request.get3(
			that.$api.httpApi.user.AboutUs+'?token='+that.$SysCache.get('token'),
			).then(res=>{
				if(res.code == 1){
					that.data=res.data;
				
				}
			});
		
		}

    }
</script>

<style scoped>
	.h4{
		font-size:20rpx;
		font-family:Microsoft YaHei;
		font-weight:400;
		color:rgba(240,64,111,1);
		text-align: center;
		margin-top: 440rpx;
	}
	.h4 view{
		color: #999;
		font-size: 18rpx;
		margin-top: 20rpx;
	}
	uni-page-body{
		height: 100%;
	}
	.mons{
		height: 100%;
		background: #EEEEEE;
	}
	.logo{
		width:253rpx;
		margin: auto;
		padding-top: 158rpx;
		margin-bottom: 80rpx;
	}
	.logo image{
		display: block;
		width:253rpx;
		height:253rpx;
		border-radius: 50%;
	}
	.p{
		font-size:20rpx;
		font-family:Microsoft YaHei;
		font-weight:400;
		color:rgba(153,153,153,1);
		text-align: center;
		line-height:38rpx;
	}
</style>
